<!DOCTYPE html>
<html><head>
      <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta content="" name="description">
    <meta content="webthemez" name="author">
    <title>Bootstrap Admin Template</title>
	<!-- Bootstrap Styles-->
    <link rel="stylesheet" href="../assets/css/bootstrap.css">
	<!--引入layui-->
	 <script src="../js/layui/layui.js"></script>
	 <script src="../js/jquery-3.2.1/jquery-3.2.1.js"></script>

</head>
<body>
     <a href="#" class="btn btn-default" id="popup">搜索</a>

</body></html>

<script>
layui.use('layer', function(){
  			var layer = layui.layer;
  		});  
		 $('#popup').on('click', function(){
    	layer.open({
     		 type: 2,
      		title: '弹出框',
      		maxmin: true,
      		shadeClose: false, //点击遮罩关闭层
      		area : ['50%' , '80%'],
      		content: ['popup.html','no']
    });
  });
</script>